<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>招聘</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <!-- 引入核心样式 -->
	<link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <!--当前页面的css-->   
    <link href="http://appimg.yinsoso.com/css/swiper-3.3.1.min.css" rel="stylesheet"/>
    <link href="css/college.css" rel="stylesheet">
     <link href="css/recruit.css" rel="stylesheet">
    <!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
	<script type="text/javascript" src="http://appimg.yinsoso.com/js/swiper-3.3.1.min.js" ></script>    
    
</head>
<body>
<div id="app">
<div class="recruit">
	<ul class="rec-banner">
		<!-- 最多五张 -->
		<li v-for="item in bannerList"><img :src="item.img" /></li>
	</ul>
	<div class="rec-classify">
		<a href="javascript:;" @click="tabClick(1)" class="job" :class="type == 1 ? 'rec-active' : '' ">按职位查看</a>
		<span></span>
		<a href="javascript:;" @click="tabClick(2)" class="company" :class="type == 2 ? 'rec-active ': ''">按企业查看</a>
	</div>
	<ul class="collTitle clearfix">
		<li class="ml0" :class="postTime == 1 ? 'active' : ''" @click="timeChoose(1)"><a href="javascript:;" >最近一月</a></li>
		<li :class="postTime == 2 ? 'active' : ''" @click="timeChoose(2)"><a href="javascript:;">最近两月</a></li>
		<li :class="postTime == 3 ? 'active' : ''" @click="timeChoose(3)"><a href="javascript:;">所有时间</a></li>
	</ul>
	<div class="rec-line"></div>
	<div id="recruitPost" v-show="type==1">
		<ul class="rec-main" v-if="listPost && listPost.length">
			<li v-for="item in listPost"><a @click="toPostDetails(item.id)" href="javascript:;">
				<div class="txt">
					<div class="txt-top">
						<span class="position">{{item.post_name}}</span>
						<span class="money">￥{{item.salary_range}}</span>
					</div>
					<div class="txt-btm">
						<span class="company">{{item.city}}丨{{item.enterprise_name}}</span>
					</div>
				</div>
				<div class="img">
					<a href="###"><img src="../images/recruit2.png" /></a>
				</div>
			</a></li>
		</ul>
		<div class="nolist" v-else>暂无更多数据</div>
	</div>
	<div id="recruitCommpany" v-show="type==2">
		<ul class="recN-main" v-if="listCommpany && listCommpany.length">
			<li v-for="items in listCommpany"><a  @click="toCommonDetails(items.id)" href="javascript:;">
				<div class="recN-main-fl">
					<img :src="items.enterprise_logo"/>
				</div>
				<div class="recN-main-fc">
					<div class="title">{{items.enterprise_name}}</div>
					<ul class="recN-main-ul clearfix">
						<li>{{items.city}}丨</li>
						<li>{{items.num}}个岗位</li>
					</ul>
					<div class="updateTime">更新时间：{{items.update_time}}</div>
				</div>
				<div class="recN-main-fr">
					<a href="###"><img src="../images/recruit2.png"></a> 
				</div>
			</a></li>
		</ul>
		<div class="nolist" v-else>暂无更多数据</div>
	</div>
	<div class="rec-more" @click="moreList" v-if="noMore == true">
		<a href="javascript:;">查看更多+</a>
	</div>
	<div class="bottom-msg" v-else>
		<div class="bottom-msg-hr"></div>
		<span class="msg-text">我是有底线的</span>
	</div>
	<div class="weui-loadmore" v-if="loading">
	  <i class="weui-loading"></i>
	  <span class="weui-loadmore__tips">正在加载</span>
	</div>

</div>	

</div>

<script type="text/javascript" src="js/pagejs/recruitcity.js" ></script>
  
 
</body>
</html>